<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, minimal-ui">
    <title>
        欢迎浏览海诺信息工作室
    </title>
    <meta content="海诺，海诺者" name="keywords"/>
    <meta content="海诺，phper，Pythoneer，php终极粉丝，python爱好者，大数据痴迷者，ThinkPHP重度用户，react，react-native开发者" name="description"/>
    <link rel="stylesheet" href="./css/bootstrap.min.css">
    <link rel="stylesheet" href="./css/font-awesome.min.css">
    <link rel="stylesheet" href="./css/simple-line-icons.css">
    <link rel="stylesheet" href="./css/animate.css">
    <link rel="stylesheet" href="./css/templatemo_style.css">
</head>

<body>
<header class="site-header container animated fadeInDown">
    <div class="header-wrapper">
        <div class="row">
            <div class="col-md-3">
                <div class="site-branding">
                    <a href="#">
                        <h1>
                            海诺信息工作室
                        </h1>
                    </a>
                </div>
            </div>
            <a href="#" class="toggle-nav hidden-md hidden-lg">
                <i class="fa fa-bars">
                </i>
            </a>
            <div class="col-md-9">
                <nav id="nav" class="main-navigation hidden-xs hidden-sm">
                    <ul class="main-menu">
                        <li>
                            <a class="show-1 homebutton" href="#">
                                Home | 主页
                            </a>
                        </li>
                        <li>
                            <a class="show-2 aboutbutton" href="#">
                                About | 介绍
                            </a>
                        </li>
                        <li>
                            <a class="show-3 projectbutton" href="#">
                                Projects | 项目
                            </a>
                        </li>
                        <li>
                            <a class="show-4 blogbutton" href="#">
                                Blog Entries | 博客入口
                            </a>
                        </li>
                        <li>
                            <a class="show-5 contactbutton active" href="#">
                                Contact | 联系
                            </a>
                        </li>
                    </ul>
                </nav>
                <nav class="main-navigation menu-responsive hidden-md hidden-lg">
                    <ul class="main-menu">
                        <li>
                            <a class="show-1 homebutton" href="#">
                                Home | 主页
                            </a>
                        </li>
                        <li>
                            <a class="show-2 aboutbutton" href="#">
                                About | 介绍
                            </a>
                        </li>
                        <li>
                            <a class="show-3 projectbutton" href="#">
                                Projects | 项目
                            </a>
                        </li>
                        <li>
                            <a class="show-4 blogbutton" href="#">
                                Blog Entries | 博客入口
                            </a>
                        </li>
                        <li>
                            <a class="show-5 contactbutton" href="#">
                                Contact | 联系
                            </a>
                        </li>
                    </ul>
                </nav>
            </div>
        </div>
    </div>
</header>
<div id="menu-container">
    <div id="menu-1" class="homepage home-section container" style="display: none;">
        <div class="home-intro text-center">
            <h2 class="welcome-title animated fadeInLeft">
                Introduction | 说明
            </h2>
            <p class="animated fadeInRight">
                海诺信息工作室，技术以
            <span class="blue">
              PHP
            </span>，
            <span class="green">
              html
            </span>，
            <span class="yellow">
              css
            </span>和
            <span class="red">
              javascript
            </span>为主，自2008年至今，团队已经组建了8年。
            8年中，团队成员以兼职方式工作，历经数十个大小项目，
            现今正在发力
                <a href="http://www.pingang360.com">
                    拼钢网项目
                </a>
                ，欢迎大家点击进入了解拼钢网项目。
            </p>
            <ul class="list-icons animated fadeInUp">
                <li>
                    <i class="icon-trophy">
                    </i>
                </li>
                <li>
                    <i class="icon-badge">
                    </i>
                </li>
                <li>
                    <i class="icon-magic-wand">
                    </i>
                </li>
                <li>
                    <i class="icon-screen-desktop">
                    </i>
                </li>
            </ul>
        </div>
        <div class="home-projects">
            <div class="row">
                <div class="col-md-6 col-sm-12">
                    <div class="project-title animated fadeInUp">
                        <h2>
                            Latest Projects | 最新项目
                        </h2>
                        <p>
                            通过一个订单引发一个故事，通过这个故事找到主角——加工商，
                            拼钢网围绕加工商做供销存/人才招聘及培训/信息咨询/技术服务/金融服务等全方位的服务，并在服务中推动中国制造2025。
                            当前拼钢网已经完成在线下单/接单，精准推送，智能拼单等功能，后续将逐步展开SMR制造业生产管理共享规划系统（sharing system of manufacturing
                            industry retroaction）。
                        </p>
                        <a href="http://www.pingang360.com" class="pink-button">
                            Continue Journal | 更多
                        </a>
                    </div>
                </div>
                <div class="project-home-holder col-md-6 col-sm-12">
                    <div class="row">
                        <div class="col-md-6 col-sm-6">
                            <div class="project-item one animated fadeInRight">
                                <img src="./images/1.jpg" alt="财源网格化">
                                <div class="overlay">
                                    <h4>
                                        <a href="#">
                                            财源网格化管理系统
                                        </a>
                                    </h4>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-6 col-sm-6">
                            <div class="project-item two animated fadeInRight">
                                <img src="./images/7.jpg" alt="369人才网">
                                <div class="overlay">
                                    <h4>
                                        <a href="http://www.taiyiche.com/">
                                            太乙车二手车拍卖
                                        </a>
                                    </h4>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-6 col-sm-6">
                            <div class="project-item three animated fadeInRight">
                                <img src="./images/3.jpg" alt="医家人">
                                <div class="overlay">
                                    <h4>
                                        <a href="#">
                                            医家人
                                        </a>
                                    </h4>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-6 col-sm-6">
                            <div class="project-item four animated fadeInRight">
                                <img src="./images/6.jpg" alt="鹦鹉厨房">
                                <div class="overlay">
                                    <h4>
                                        <a href="http://wtywcf.host.bluemark.cn/">
                                            鹦鹉厨房
                                        </a>
                                    </h4>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div id="menu-2" class="content about-section container" style="">
        <div class="our-story">
            <div class="story-bg animated fadeIn">
            </div>
            <div class="row">
                <div class="col-md-6 col-md-offset-3">
                    <div class="inner-story animated fadeInRight text-center">
                        <h2>
                            ABOUT | 介绍
                        </h2>
                        <p>
                            工作室创始人海诺最初学习的是html，之后是javascript，这两个都不怎么精通，
                            但是在淄博顶点信息技术有限公司工作时，
                            宗峰老师和同事李超大牛给予很对哦的指导，
                            使得自己不仅学习了<span class="blue">PHP</span>语言，
                            还提升了<span class="green">HTML</span>,
                            <span class="yellow">CSS</span>和<span class="red">JAVASCRIPT</span>的水平。
                            现在PHP基础上又开始学习PYTHON，为增加知识面学习Rust。现在的努力方向是全站web工程师。
                        </p>
                    </div>
                </div>
            </div>
        </div>
        <div class="our-offers">
            <div class="offer-bg animated fadeIn">
            </div>
            <div class="offer-header">
                <div class="row">
                    <div class="col-md-6 col-md-offset-3 text-center">
                        <div class="offer-title animated fadeInDown">
                            <h2>
                                WORK | 工作
                            </h2>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="offer-holder">
                    <div class="col-md-6">
                        <div class="offer-item offer-1 animated fadeInLeft">
                            <figure>
                                <img src="./images/a1.jpg" alt="">
                            </figure>
                            <div class="offer-content text-center">
                                <h4>
                                    齐鲁电商谷
                                </h4>
                                <p>
                                    介绍： 2016工作地点 齐鲁电商谷是高新区整合区内资源重点投资建设的，
                                    集聚电子商务、工业设计等现代服务业的专业园区，
                                    将建设集商务办公、技术研发、生活娱乐、专家公寓、现代化仓储物流等功能于一体，
                                    设施齐全、配套完善、功能多样的综合性、现代化电子商务专业园区。
                                </p>
                    <span class="offer-left">
                      <i>
                      </i>
                    </span>
                    <span class="offer-right">
                      <i>
                      </i>
                    </span>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-6">
                        <div class="offer-item offer-2 animated fadeInRight">
                            <figure>
                                <img src="./images/a2.jpg" alt="">
                            </figure>
                            <div class="offer-content text-center">
                                <h4>
                                    淄博市电子商务产业创新园
                                </h4>
                                <p>
                                    说明：2015年工作地点 淄博市首家集电子商务、服务外包、软件开发、创业融资、工业设计为一体的多功能综合性服务平台，
                                    具有依托政府主导、享有政策扶持、基金奖励、重点招商等优势。
                                    是淄博市培育和发展战略创新型电子商务、服务外包产业的首家平台。
                                    同时淄博市张店区大学生创业园也入驻于此。
                                </p>
                    <span class="offer-left">
                      <i>
                      </i>
                    </span>
                    <span class="offer-right">
                      <i>
                      </i>
                    </span>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div id="menu-3" class="content project-section container" style="">
        <div class="projects-header">
            <h2 class="animated fadeInRight">
                projects | 项目
            </h2>
            <p class="animated fadeInLeft">
                大体做过以下项目：<br>幼儿园家园交互平台，人才招聘网站，企业生产计划及日报表系统，
                基于ID卡的售饭系统数据二次开发，政务网站，政府税收解决方案，
                淘宝信誉平台，水文系统数据分析，卫生许可证导入，微信h5游戏开发，
                企业内部oa，金融信贷企业业务解决方案，二手车买卖交易平台等。
                <br>
                当前正在进行的是拼钢网，属于金属加工服务平台，主要提供web解决方案。
            </p>
        </div>
        <div class="projects-holder">
            <div class="row">
                <div class="col-md-4 col-sm-6 p-1 animated umScaleIn">
                    <div class="project-item">
                        <img src="./images/1.jpg" alt="财源网格化管理系统">
                        <div class="overlay">
                            <h4>
                                <a href="http://www.bluemark.cn">
                                    财源网格化管理系统
                                </a>
                            </h4>
                        </div>
                    </div>
                </div>
                <div class="col-md-4 col-sm-6 p-2 animated umScaleIn">
                    <div class="project-item">
                        <img src="./images/2.jpg" alt="369人才网">
                        <div class="overlay">
                            <h4>
                                <a href="http://www.job369.com">
                                    369人才网
                                </a>
                            </h4>
                        </div>
                    </div>
                </div>
                <div class="col-md-4 col-sm-6 p-3 animated umScaleIn">
                    <div class="project-item">
                        <img src="./images/3.jpg" alt="医家人">
                        <div class="overlay">
                            <h4>
                                <a href="#">
                                    医家人
                                </a>
                            </h4>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-md-3 col-sm-6 p-4 animated umScaleIn">
                    <div class="project-item animated umScaleIn">
                        <img src="./images/4.jpg" alt="花兔兔淘宝信誉平台">
                        <div class="overlay">
                            <h4>
                                <a href="http://www.huatutu.com">
                                    花兔兔
                                </a>
                            </h4>
                        </div>
                    </div>
                </div>
                <div class="col-md-3 col-sm-6">
                    <div class="project-item p-5 animated umScaleIn">
                        <img src="./images/5.jpg" alt="张店卫生监督所">
                        <div class="overlay">
                            <h4>
                                <a href="http://www.zdwsjd.net">
                                    张店卫生监督所
                                </a>
                            </h4>
                        </div>
                    </div>
                </div>
                <div class="col-md-3 col-sm-6">
                    <div class="project-item p-6 animated umScaleIn">
                        <img src="./images/6.jpg" alt="鹦鹉厨房">
                        <div class="overlay">
                            <h4>
                                <a href="http://wtywcf.host.bluemark.cn">
                                    鹦鹉厨房
                                </a>
                            </h4>
                        </div>
                    </div>
                </div>
                <div class="col-md-3 col-sm-6">
                    <div class="project-item p-7 animated umScaleIn">
                        <img src="./images/7.jpg" alt="太乙车二手车拍卖">
                        <div class="overlay">
                            <h4>
                                <a href="http://www.taiyiche.com">
                                    太乙车二手车拍卖
                                </a>
                            </h4>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div id="menu-4" class="content blog-section container" style="">
        <div class="blog-header text-center">
            <h2 class="animated fadeInRight">
                Blog entries | 博客入口
            </h2>
            <p class="animated fadeInLeft">
                团队现有成员 海诺（web全栈）、fallen angel（PHP全栈/APP）、龙途（PHP/APP）、轻帆（.NET全栈）主要技术成员。
            </p>
            <a href="#" class="blog-button animated fadeInUp">
                continue journal | 成员博客
            </a>
        </div>
        <div class="row blog-posts">
            <div class="col-md-4 col-sm-12">
                <div class="blog-item post-1 animated zoomIn">
                    <div class="blog-bg blog-pink">
                    </div>
                    <div class="blog-content">
                        <h3>
                            <a href="https://blog.hainuo.info">
                                海诺博客
                            </a>
                        </h3>
                <span class="solid-line">
                </span>
                        <p>
                            从wordpress转到<a href="http://typecho.hainuo.info" target="_blank">typecho</a>，再转到
                            <a href="https://blog.hainuo.info" target="_blank">蝉知</a>,学习笔记涉及<span class="red">Python</span>,
                            <span class="green">h5</span>,<span class="yellow">React/ReactNative</span>以及<span class="blue">Java和PHP</span>等多种语言，服务器涉及windows/linux/osx等，
                            欢迎大家一起交流各种知识。
                        </p>
                        <a href="https://blog.hainuo.info" class="post-button" target="_blank">
                            Read More
                        </a>
                    </div>
                </div>
            </div>
            <div class="col-md-4 col-sm-12">
                <div class="blog-item post-2 animated zoomIn">
                    <div class="blog-bg blog-blue">
                    </div>
                    <div class="blog-content">
                        <h3>
                            <a href="http://blog.wangtao8.cn" target="_blank">
                                龙途
                            </a>
                        </h3>
                <span class="solid-line">
                </span>
                        <p>
                            精通YII组件式开发，ThinkPHP框架，对ECshop有多年二开经验。15年开始进入H5应用领域，独立开发送水APP。
                        </p>
                        <a href="http://blog.wangtao8.cn" target="_blank" class="post-button">
                            Read More
                        </a>
                    </div>
                </div>
            </div>
            <div class="col-md-4 col-sm-12">
                <div class="blog-item post-3 animated zoomIn">
                    <div class="blog-bg blog-green">
                    </div>
                    <div class="blog-content">
                        <h3>
                            <a href="#">
                    <span class="blue">
                      fallen angel
                    </span>
                                
                            </a>
                        </h3>
                <span class="solid-line">
                </span>
                        <p>
                            从C到C++，再到PHP ，科班出身的笛扬天生就是做程序员的料。现为PHP全栈工程师，前后端/APP/服务器维护一人轻松搞定。
                        </p>
                        <a href="#" class="post-button">
                            Read More
                        </a>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div id="menu-5" class="content contact-section container" style="display: block;">
        <div class="contact-header text-center">
            <h2 class="animated fadeInLeft">
                Get in Touch
            </h2>
            <p class="animated fadeInRight">
                Feel free to talk to us about anything.
            </p>
            <ul class="contact-social animated fadeInUp">
                <li>
                    <a href="#">
                        <i class="fa fa-twitter">
                        </i>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <i class="fa fa-dribbble">
                        </i>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <i class="fa fa-instagram">
                        </i>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <i class="fa fa-share-alt">
                        </i>
                    </a>
                </li>
            </ul>
        </div>
        <div class="contact-holder">
            <div class="row">
                <div class="col-md-6 col-sm-12">
                    <div class="googlemap-wrapper animated fadeInLeft">
                        <div id="map_canvas" class="map-canvas">
                        </div>
                    </div>
                </div>
                <div class="col-md-6 col-sm-12">
                    <div class="contact-form animated fadeInUp">
                        <h4>
                            Send us a Message
                        </h4>
                        <div class="row">
                            <fieldset class="col-md-6">
                                <input type="text" name="name" placeholder="Your name">
                            </fieldset>
                            <fieldset class="col-md-6">
                                <input type="email" name="email" placeholder="Your name">
                            </fieldset>
                            <fieldset class="col-md-12">
                                <input type="text" name="subject" placeholder="Subject">
                            </fieldset>
                            <fieldset class="col-md-12">
                    <textarea name="message" id="message" cols="30" rows="10" placeholder="Describe your Project">
                    </textarea>
                            </fieldset>
                            <fieldset class="col-md-12">
                                <a href="#" class="message-button">
                                    Submit Message
                                </a>
                            </fieldset>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<footer class="site-footer container text-center">
    <div class="row">
        <div class="col-md-12">
            <div class="main-footer">
                <ul class="social">
                    <li>
                        <a href="#">
                            Facebook
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            Twitter
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            weibo
                        </a>
                    </li>
                </ul>
            </div>
        </div>
    </div>
    <div class="row">
        <div class="col-md-12 copyright">
            <p>
                Copyright © 2016
                <a href="#">
                    海诺信息工作室
                </a>
            </p>
        </div>
    </div>
</footer>
<!-- templatemo 421 raleway -->
    <span class="border-top">
    </span>
    <span class="border-left">
    </span>
    <span class="border-right">
    </span>
    <span class="border-bottom">
    </span>
    <span class="shape-1">
    </span>
    <span class="shape-2">
    </span>
<script src="./js/jquery.min.js">
</script>
<script src="./js/templatemo_custom.js">
</script>
</body>

</html>
